key-data-card{
  width: 100%;
  padding: 15px 10px;
  .icon {
    width: 1em; height: 1em;
    vertical-align: -0.15em;
    color:#000;
    fill: currentColor;
    overflow: hidden;
 }
  //ionic style start
  .list-ios > .item-block:first-child {
    border-top: none;
  }
  .label-ios {
    margin: 0 8px 0 0;
  }
  .list-ios {
    margin: -1px 0 10px 0;
  }
  .list-ios > .item-block:last-child, .list-ios > .item-wrapper:last-child .item-block {
    border-bottom: none;
  }
  .list-ios .item-block .item-inner {
    border-bottom: none;
  }
  //ionic style end
  .pointData{
    margin: 0 0 15px 17px;
    padding: 0;
    text-align: left;
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #404040;
    letter-spacing: 0;
  }
  .side-box{
    // z-index: 10000000;
    // display: flex;
    // overflow-x: scroll;
		// overflow-y: hidden;
    // white-space:nowrap;
    // width: auto;
    operational-control-page ion-content .scroll-content .slide-warp [ng-reflect-ng-switch='target'] .target-wrap ion-slides .swiper-wrapper ion-slide {
      background: #0986EF;
      border-radius: 0.5rem;
    }
    .slide-zoom{
      text-align: left;
    }
    .card-box{
      text-align: left !important;
      display: flex;
      margin: 0 5px;
      align-items: center;
      padding-left:20px;
      width: 150px !important;
      min-width: 150px;
      background:  #0986EF !important;
      height: 90px;
      background-image: linear-gradient(-135deg, #58B9FF 0%, #0986EF 63%) !important;
      p{
        margin: 2px 0;
      }
    }
    .total{
      font-family: PingFangSC-Regular;
      font-size: 14px;
      color: #FFFFFF;
      letter-spacing: 0;
    }
    .data{
      font-family: HiraginoSans-W6;
      font-size: 20px;
      color: #FFFFFF;
      letter-spacing: 0;
    }
    .danwei{
      font-family: PingFangSC-Semibold;
      font-size: 14px;
      color: #FFFFFF;
      letter-spacing: -0.16px;
    }
    .number-style{
      font-family: PingFangSC-Regular;
      font-size: 12px;
      color: #FFFFFF;
      letter-spacing: 0;
    }
  }
  .detail-list{
    .last-col{
      text-align: right;
    }
  }
  .compete-list{
    .compete{
      text-align: left;
      width: 95%;
      padding-left: 10px;
      margin: auto;
      background: #F9F9F9;
      height: 42px;
      line-height: 42px;
      font-family: PingFangSC-Regular;
      font-size: 16px;
      color: #666666;
      letter-spacing: 0;
    }
  }
  .place{
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #333333;
    letter-spacing: 0;
  }
  .real-number{
    font-family: HiraginoSans-W6;
    font-size: 20px;
    margin-bottom: -2px;
    letter-spacing: -1.25px;
  }
  .real-danwei{
    font-family: PingFangSC-Semibold;
    font-size: 12px;
    letter-spacing: 0;
    margin-left: 5px;
  }
  .plan-text{
    font-family: PingFangSC-Regular;
    font-size: 13px;
    color: #666666;
    letter-spacing: 0;
  }
  .plan-number{
    font-family: HiraginoSans-W6;
    font-size: 16px;
    margin-bottom: -1px;
    color: #4C8FF5;
    margin-left: 5px;
    letter-spacing: -1.5px;
  }
  .plan-danwei{
    font-family: PingFangSC-Semibold;
    font-size: 12px;
    color: #4C8FF5;
    margin-left: 5px;
    letter-spacing: -0.14px;
  }
  .status-1{
    color: #00AC62;
  }
  .status-3{
    color: #FF571D;
  }
  .status-2{
    color: #FF9200;
  }
  .flexBox{
    display: flex;
    align-items: flex-end;
  }
}

